body {
  min-width: 320px;
  max-width: 540px;
  margin: 0 auto;
  background-color: #fff;
  font-size: 0.373333rem;
  color: #666;
  line-height: 1.5;
  font-family: -apple-system, Helvetica, sans-serif;
}
/*点击高亮我们需要清除清除 设置为transparent 完成透明*/
* {
  -webkit-tap-highlight-color: transparent;
}
/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/
input {
  -webkit-appearance: none;
}
/*禁用长按页面时的弹出菜单*/
img,
a {
  -webkit-touch-callout: none;
}
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul,
img {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
@media screen and (min-width: 540px) {
  html {
    font-size: 54px!important;
  }
}
header {
  height: 4.986667rem;
  width: 100%;
  background: url(../images/banner-bg.jpg) no-repeat center center;
  background-size: 100% 100%;
}
header .search-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  z-index: 9;
}
header .search-box .left {
  width: 1.066667rem;
  height: 1.173333rem;
  background: url(../images/tip-bg.png) no-repeat 0.266667rem 0.32rem;
  background-size: 0.533333rem auto;
}
header .search-box .search-input {
  position: relative;
  flex: 1;
  height: 0.8rem;
  margin-top: 0.186667rem;
  background-color: #fff;
  border-radius: 0.4rem;
}
header .search-box .search-input .jd-icon {
  float: left;
  display: block;
  width: 0.533333rem;
  height: 0.4rem;
  margin: 0.213333rem 0.213333rem 0 0.4rem;
  background: url(../images/jd.png) no-repeat center center;
  background-size: 100% 100%;
}
header .search-box .search-input .line {
  float: left;
  display: block;
  width: 0.026667rem;
  height: 0.426667rem;
  background-color: #DDDDDD;
  margin-top: 7px;
}
header .search-box .search-input .searchIcon {
  float: left;
  display: block;
  width: 0.48rem;
  height: 0.4rem;
  margin: 0.213333rem 0 0 0.133333rem;
  background: url(../images/jd-sprites.png) no-repeat -2.213333rem 0;
  background-size: 5.333333rem auto;
}
header .search-box .search-input .ipt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 1.813333rem;
  padding-right: 0.266667rem;
  font-size: 0.32rem;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.4rem;
}
header .search-box .search-input .ipt input {
  border: none;
  padding-left: 0.133333rem;
  margin-left: 0.133333rem;
  outline: none;
}
header .search-box .login {
  width: 1.066667rem;
  margin: 0.266667rem 0;
  color: #fff;
  text-align: center;
  font-size: 0.373333rem;
}
header .focus {
  padding-top: 1.173333rem;
  border-radius: 0.213333rem;
  overflow: hidden;
}
header .focus .focusList {
  position: relative;
  width: 90%;
  height: 3.733333rem;
  margin: 0 5%;
  border-radius: 0.213333rem;
  overflow: hidden;
}
header .focus .focusList .focusPic a {
  float: left;
  width: 100%;
  height: 3.733333rem;
  display: block;
}
header .focus .focusList .focusPic a img {
  width: 100%;
  height: 3.733333rem;
}
header .focus .focusList .circle {
  position: absolute;
  bottom: 0.133333rem;
  left: 50%;
  transform: translateX(-50%);
}
header .focus .focusList .circle li {
  float: left;
  width: 0.133333rem;
  height: 0.133333rem;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 0.053333rem;
}
header .focus .focusList .circle .current {
  background-color: #FA2C19;
}
.store {
  height: 3.84rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.store .content {
  height: 3.84rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.store .content a {
  position: relative;
  display: block;
  width: 100%;
  height: 1.92rem;
}
.store .content a img {
  position: absolute;
  top: 6%;
  width: 70%;
  margin-left: 15%;
  height: 65%;
  border-radius: 0.133333rem;
}
.store .content a p {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store .content a:nth-child(1) {
  background: url(../images/11-bg01.dpg) no-repeat center center;
  background-size: 100% 100%;
}
.store .content a:nth-child(2) {
  background: url(../images/11-bg02.dpg) no-repeat center center;
  background-size: 100% 100%;
}
.store .content a:nth-child(2) img {
  top: 0.186667rem;
}
.store .content a:nth-child(2) p {
  bottom: 2%;
}
.store .content:nth-child(2) {
  flex: 2.283;
}
.store .content:nth-child(2) a:nth-child(1) {
  position: relative;
  height: 3.84rem;
  background: url(../images/11-bg03.gif) no-repeat center center;
  background-size: 100% 100%;
}
.store .content:nth-child(2) a:nth-child(1) img {
  position: absolute;
  width: 43%;
  height: 60%;
  margin: 0 !important;
}
.store .content:nth-child(2) a:nth-child(1) img:nth-child(1) {
  left: 6%;
  top: 20%;
}
.store .content:nth-child(2) a:nth-child(1) img:nth-child(2) {
  right: 6%;
  top: 20%;
}
nav {
  position: relative;
  width: 100%;
  height: 4.32rem;
  background-image: linear-gradient(to bottom, #B92D3A, #EF6536);
}
nav .nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
nav .nav-list a {
  display: block;
  width: 20%;
  height: 1.973333rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
nav .nav-list a img {
  margin-top: 0.266667rem;
  width: 1.066667rem;
  height: 1.066667rem;
}
nav .nav-list a p {
  color: #fff;
  font-size: 0.32rem;
  margin-top: 0.16rem;
}
nav .nav-cicle {
  position: absolute;
  bottom: 0.08rem;
  left: 50%;
  transform: translateX(-50%);
}
nav .nav-cicle li {
  float: left;
  width: 0.133333rem;
  height: 0.133333rem;
  border-radius: 50%;
  background-color: #CCCCCC;
  margin: 0 0.053333rem;
}
nav .nav-cicle .current {
  background-color: #FA2C19;
}
main {
  background-color: #EF6536;
}
main .quality {
  margin: 0 5%;
  width: 90%;
  height: 3.466667rem;
  display: flex;
  justify-content: flex-start;
}
main .quality a {
  display: block;
  width: 25%;
  height: 3.2rem;
  padding: 0.173333rem 0 0.133333rem 0.266667rem;
  background-color: #fff;
  color: #222;
  box-sizing: border-box;
  margin-right: 0.026667rem;
}
main .quality a p:nth-child(1) {
  height: 0.586667rem;
  font-weight: 700;
  font-size: 0.426667rem;
}
main .quality a p:nth-child(2) {
  font-size: 0.32rem;
}
main .quality a img {
  width: 1.6rem;
  height: 1.6rem;
}
main .seckill {
  margin: 0.266667rem 5%;
  width: 90%;
  height: 3.706667rem;
  background-color: #fff;
  border-radius: 0.32rem;
  box-sizing: border-box;
  overflow: hidden;
}
main .seckill .top {
  height: 0.906667rem;
  background: url(../images/seckill.png) no-repeat;
  background-size: contain;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .seckill .top .top-l {
  display: flex;
  justify-content: flex-start;
}
main .seckill .top .top-l .jd-sk {
  margin-left: 0.266667rem;
  margin-right: 0.133333rem;
  font-size: 0.373333rem;
  color: #333;
}
main .seckill .top .top-l .hour {
  padding-left: 0.133333rem;
  color: #ff2727;
  font-size: 0.346667rem;
}
main .seckill .top .top-l .hour::after {
  display: inline-block;
  content: '';
  width: 0.546667rem;
  height: 0.466667rem;
  background: url(../images/time.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
main .seckill .top .top-l .seckill-time {
  display: flex;
  justify-content: flex-start;
  margin-left: 0.133333rem;
}
main .seckill .top .top-l .seckill-time .h {
  width: 0.4rem;
  height: 0.48rem;
  font-size: 0.32rem;
  background-image: linear-gradient(-140deg, #ff6152, #fa2c19);
  color: #fff;
}
main .seckill .top .top-l .seckill-time span {
  color: #f2270c;
  font-weight: 700;
  font-size: 12px;
  margin: 0 2px;
}
main .seckill .top .top-r {
  font-size: 0.32rem;
  color: #f23030;
}
main .seckill .top .top-r span {
  display: inline-block;
  width: 0.293333rem;
  height: 0.293333rem;
  background: url(../images/more-icon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 0.133333rem;
}
main .seckill .seckill-content {
  height: 2.773333rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
main .seckill .seckill-content .seckill-item {
  flex: 1;
}
main .seckill .seckill-content .seckill-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main .seckill .seckill-content .seckill-item a img {
  width: 1.466667rem;
  height: 1.466667rem;
}
main .seckill .seckill-content .seckill-item a p:nth-child(2) {
  font-size: 0.346667rem;
  color: #f22700;
  font-weight: 700;
  margin-top: 0.266667rem;
}
main .seckill .seckill-content .seckill-item a p:nth-child(3) {
  font-size: 0.32rem;
  text-decoration: line-through;
  color: #666;
}
main .recommend {
  margin: 0 5%;
  width: 90%;
}
main .recommend .recommendList {
  width: 100%;
  height: 3.466667rem;
  display: flex;
  justify-content: flex-start;
}
main .recommend .recommendList .recommendItem {
  flex: 1;
  margin-right: 0.053333rem;
  display: block;
  width: 100%;
  height: 3.2rem;
  background: url(../images/recommend-bg01.dpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #7842f2;
}
main .recommend .recommendList .recommendItem img {
  width: 1.733333rem;
  height: 1.733333rem;
}
main .recommend .recommendList .recommendItem p:nth-child(2) {
  margin-top: 0.08rem;
  font-size: 14px;
}
main .recommend .recommendList .recommendItem p:nth-child(3) {
  font-size: 12px;
}
main .recommend .recommendList .recommendItem:nth-child(2) {
  background: url(../images/recommend-bg02.dpg) no-repeat;
  background-size: 100% 100%;
  color: #f32d46;
}
main .recommend .recommendList .recommendItem:nth-child(3) {
  background: url(../images/recommend-bg03.dpg) no-repeat;
  background-size: 100% 100%;
  color: #316af2;
}
main .recommend .recommendList .recommendItem:nth-child(4) {
  background: url(../images/recommend-bg04.dpg) no-repeat;
  background-size: 100% 100%;
  color: #f8591a;
}
main .recommend .recommendList .recommendItem:last-child {
  margin-right: 0;
}
main .selection {
  background-color: #F6F6F6;
}
main .selection .selection-title {
  margin-bottom: 0.133333rem;
  height: 0.933333rem;
  background: url(../images/selection-bg.dpg) no-repeat;
  background-size: contain ;
}
main .selection .selection-content {
  width: 90%;
  margin: 0 5%;
  display: flex;
  justify-content: flex-start;
}
main .selection .selection-content .pic {
  flex: 1;
  width: 100%;
  height: 2.24rem;
}
main .selection .selection-content .pic img {
  width: 100%;
  height: 2.24rem;
}
main .selection .selection-content .pic:nth-child(2) {
  flex: 1.12;
  margin: 0 0.049067rem;
  height: 2.506667rem;
}
main .selection .selection-content .pic:nth-child(2) img {
  width: 100%;
  height: 2.506667rem;
  margin-top: -0.133333rem;
}
main .courtyard {
  background-color: #F6F6F6;
}
main .courtyard .courtyard-title {
  height: 0.933333rem;
  background: url(../images/courtyard-bg.dpg) center center;
  background-size: contain;
}
main .courtyard .courtyard-content {
  width: 90%;
  height: 6.4rem;
  margin: 0 5%;
  background-color: #fff;
  box-sizing: border-box;
}
main .courtyard .courtyard-content .courtyard-top {
  height: 3.2rem;
  border-bottom: 2px solid #F5F5F5;
  display: flex;
}
main .courtyard .courtyard-content .courtyard-top a {
  display: block;
  width: 50%;
  height: 100%;
  border-right: 1px solid #F5F5F5;
  padding-left: 0.266667rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main .courtyard .courtyard-content .courtyard-top a p:nth-child(1) {
  font-size: 0.426667rem;
  font-weight: 700;
  color: #2793FD;
}
main .courtyard .courtyard-content .courtyard-top a p:nth-child(2) {
  font-size: 0.32rem;
  color: #666771;
}
main .courtyard .courtyard-content .courtyard-top a div {
  display: flex;
  justify-content: center;
}
main .courtyard .courtyard-content .courtyard-top a div img {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0.133333rem 0.186667rem 0;
}
main .courtyard .courtyard-content .courtyard-top a:nth-child(2) {
  border-right: none;
}
main .courtyard .courtyard-content .courtyard-bottom {
  height: 3.2rem;
  display: flex;
  justify-content: flex-start;
}
main .courtyard .courtyard-content .courtyard-bottom a {
  flex: 1;
  height: 100%;
  border-right: 1px solid #F5F5F5;
  padding: 0.16rem 0 0.133333rem 0.266667rem;
  box-sizing: border-box;
}
main .courtyard .courtyard-content .courtyard-bottom a p:nth-child(1) {
  color: #000;
  font-weight: 700;
  font-size: 0.426667rem;
}
main .courtyard .courtyard-content .courtyard-bottom a p:nth-child(2) {
  color: #666771;
  font-size: 0.32rem;
}
main .courtyard .courtyard-content .courtyard-bottom a div {
  display: flex;
  justify-content: center;
}
main .courtyard .courtyard-content .courtyard-bottom a div img {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: -0.266667rem;
}
main .courtyard .courtyard-content .courtyard-bottom a:last-child {
  border-right: none;
}
main .recommendforYou {
  background-color: #F7F7F7;
}
main .recommendforYou .top-bg {
  height: 0.933333rem;
  background: url(../images/recommendforyou-bg.png) no-repeat;
  background-size: contain;
}
main .recommendforYou .recommendProduct {
  width: 90%;
  margin: 0 5%;
  margin-bottom: 1.333333rem;
}
main .recommendforYou .recommendProduct ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main .recommendforYou .recommendProduct ul li {
  width: 49%;
  background-color: #fff;
  border-radius: 0.213333rem;
  margin-bottom: 0.266667rem;
  overflow: hidden;
}
main .recommendforYou .recommendProduct ul li img {
  width: 100%;
  height: 4.613333rem;
}
main .recommendforYou .recommendProduct ul li .des {
  height: 0.853333rem;
  padding: 0 0.106667rem;
  margin-bottom: 0.08rem;
  font-size: 0.346667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.32rem;
  color: #1A1A1A;
}
main .recommendforYou .recommendProduct ul li .des span:nth-child(1) {
  display: inline-block;
  width: 0.52rem;
  height: 0.346667rem;
  margin-right: 0.106667rem;
  background: url(../images/11.11.webp) no-repeat;
  background-size: contain;
}
main .recommendforYou .recommendProduct ul li .des span:nth-child(2) {
  display: inline-block;
  width: 0.52rem;
  height: 0.346667rem;
  margin-right: 0.106667rem;
  background: url(../images/zy.png) no-repeat;
  background-size: contain;
}
main .recommendforYou .recommendProduct ul li .price {
  height: 0.693333rem;
  display: flex;
  justify-content: space-between;
}
main .recommendforYou .recommendProduct ul li .price .p-l {
  display: flex;
  justify-content: flex-start;
}
main .recommendforYou .recommendProduct ul li .price .p-l span:nth-child(1) {
  font-size: 0.426667rem;
  color: #fa2c19;
  padding-left: 0.106667rem;
  padding-right: 0.133333rem;
}
main .recommendforYou .recommendProduct ul li .price .p-l span:nth-child(1) i {
  font-size: 0.346667rem;
  font-style: normal;
  margin-left: -0.08rem;
}
main .recommendforYou .recommendProduct ul li .price .p-l span:nth-child(2) {
  height: 0.373333rem;
  line-height: 0.373333rem;
  padding: 0 0.08rem;
  border: 1px solid #fa2c19;
  font-size: 0.32rem;
  color: #fa2c19;
  margin-right: 0.106667rem;
  margin-top: 0.08rem;
}
main .recommendforYou .recommendProduct ul li .price .p-r {
  width: 1.226667rem;
  height: 0.586667rem;
  line-height: 0.586667rem;
  padding: 0 0.133333rem;
  border-radius: 0.293333rem;
  border-top-right-radius: 0;
  box-sizing: border-box;
  color: #808080;
  font-size: 0.32rem;
  background-color: #F0F2F5;
}
main .recommendforYou .recommendProduct ul li .footer {
  height: 0.64rem;
  background-color: #fff;
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1.226667rem;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
}
footer .footerItem {
  flex: 1;
  width: 100%;
  height: 1.226667rem;
  background: url(../images/footer01.png) no-repeat;
  background-size: contain;
}
footer .footerItem:nth-child(2) {
  background: url(../images/footer02.png) no-repeat;
  background-size: contain;
}
footer .footerItem:nth-child(3) {
  background: url(../images/footer03.png) no-repeat;
  background-size: contain;
}
footer .footerItem:nth-child(4) {
  background: url(../images/footer04.png) no-repeat;
  background-size: contain;
}
footer .footerItem:nth-child(5) {
  background: url(../images/footer05.png) no-repeat;
  background-size: contain;
}
